<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html style='height:100%;overflow:hidden;'>
  <head>
    <base href="<%=basePath%>">
    
    <title>房产档案管理</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" href="css/vivo.css">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="js/bootstrap2/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="js/font-awesome/css/font-awesome.css">
    <link href="js/select2/select2.min.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="static/p_house/house_index.css" />
	<style type="text/css">
		.itab,.itab_content{
			margin: 20px;
		}
		.tabson{
			height:100%;
		}
		.itab ul li.active{
			background: #fff;
   			border-top: 1px solid #d3dbde;
		}
	</style>
	
	<script src="js/jquery-1.11.1.js"></script>
	<script src="js/bootstrap2/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/layui-v2.1.5/layui/layui.all.js"></script> 
	<script type="text/javascript" src="<%=basePath %>js/My97DatePicker/WdatePicker.js"></script> 
	
	<script type="text/javascript">
	var pid = '${requestScope.projectID }';
      	$(function(){
      		$(".itab ul>li a").click(function(){
      			$(this).parent().addClass("active").siblings().removeClass("active")
      		});
      		$("ul>li:eq(0) a")[0].click();
      	})
    </script>
  </head>
  
  <body style='height:100%'>
    <div class="itab">
    	<!-- 解决与BoosStrap样式冲突 -->
    	<ul style="margin-left: 0;">
    		<li>
    			<a target="house_ifr" href="houseIndex/toHistoryIndex_${requestScope.projectID }">历史信息</a>
    		</li>
    		<li>
    			<a target="house_ifr" href="houseIndex/toTotalScale_${requestScope.projectID }" >总建筑规模</a>
    		</li>
    		<li>
    			<a target="house_ifr" href="p_house/building-num.jsp">建筑数量</a>
    		</li>
    		<li>
    			<a target="house_ifr" href="p_house/landScape-add.jsp">园林绿化</a>
    		</li>
    		<li>
    			<a target="house_ifr" href="p_house/assort-add.jsp">配套功能</a>
    		</li>
    		<li>
    			<a target="house_ifr" href="p_house/rimAssort-list.jsp">周边配套</a>
    		</li>
    	</ul>
    </div>
    
     <div style='height:calc(100% - 75px);overflow:auto;'>
         <iframe id="house_ifr" name="house_ifr" width="100%" style="height:100%;display: block;" frameborder="0" >
    	 </iframe>
    </div>
    <!-- 必须放在最后 否则与滚动条文件冲突 -->
    <script src="js/select2/select2.min.js"></script>
    <script type="text/javascript" src="js/sharefunction.js"></script>
  </body>
</html>
